<template>
  <view :class="$style.empty_container">
    <image :class="$style.empty_container_img" :src="STATIC_URL + '/img/no_media1537643874690793472.png'"
      v-if="showImg == '0'">
      <view :class="$style.empty_container_title">暂无媒体</view>
    </image>

    <image :class="$style.empty_container_img" :src="STATIC_URL + '/img/no_live1537643797431713792.png'"
      v-if="showImg == '1'">
      <view :class="$style.empty_container_title">暂无直播</view>
    </image>


  </view>
</template>
<script setup lang='ts'>
import { ref } from 'vue';
import { onLoad } from "@dcloudio/uni-app";
import { STATIC_URL } from '@/config';
const showImg = ref<string>('0')
/** 加载页面时 获取传入的警情id */
onLoad((options: any) => {
  console.log(options)
  options?.showImg ? showImg.value = options.showImg : ''
})

</script>
<style lang="less" module>
.empty_container {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;

  .empty_container_img {
    width: 650rpx;
    height: 460rpx;
    position: relative;

    .empty_container_title {
      position: absolute;
      bottom: 100rpx;
      left: 42%;
      font-size: 30rpx;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #6A7588;
      opacity: 0.5;

    }

  }
}
</style>
